/*
Theme Name: tichuot_ak theme
Theme URI: http://www.apptha.com
Description: The Pin board theme is stylish,  customizable,  simple,  and readable theme.
Author: Ho Nguyen Quoc Tuy
Author URI: http://www.tichuotak.com/
Version: 1.0
Tags: photo-theme,  customizable,  white,  full-width,  fetching,  photo-gallery, 
*/


html,  body,  form,  ul,  li,  table,  td  {
     margin:  0;
     padding:  0;
 }

body  {
	font: 12px/18px Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	cursor: default;
	color: #EEE;
	background: url('images/bg_stripes.png') repeat;
	padding: 67px 0 0;
	-webkit-font-smoothing: subpixel-antialiased;
}

body,  input,  textarea  {
     font-size:  13px;
 }

a {
    text-decoration: none;
    outline: none;
    color: #FDBC06;
}

a:hover {
    text-decoration: none;
    color: #888;
}

a img  {
     border:  0;
 }

td  {
     vertical-align:  top;
 }

ul  {
     list-style-position:  inside;
 }

h1  {
     font-size:  24px;
 }

h2  {
     font-size:  18px;
 }

h3  {
     font-size:  12px;
 }
h1, h2, h3, h4, h5, h6 {
    color: #FDBC06;
    margin-bottom: 10px;
}

blockquote  {
     border-left-width:  3px;
     border-left-style:  solid;
     margin-left:  7px;
     padding-left:  20px;
     font-size:  16px;
     color:  #636363;
 }

.clear  {
     clear:  both;
 }

.main_separator  {
     color:  #dedfe0;
 }

.wrapper  {
    position:  relative;
    margin:  0 auto;
    border:  none;
}
.single-post .wrapper  {
    width:960px;
}
.single-post .wrapper #main{
    margin: 13px auto 20px;
}

.single-post .wrapper #main #content {
    width: 940px;
    background: url('images/black_50.png') repeat;
    padding: 10px;
    clear: both;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.post_heading {
    height: 30px;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0px;
    padding: 0px 10px;
    clear: both;
    color: #FDBC06;
}

/**** Header styles ****/

#top_main_header {
    position:  fixed;
    top:  -1px;
    right:  0;
    left:  0;
    z-index:  99999999;
}

#top_main_header #header_top {
    width: 100%;
	height: 67px;
	background: url('images/topbg.png') repeat-x;
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
 }

#top_main_header #header_top #header  {
	width: 948px;
	max-width: 100%;
}

#header_bottom {
    border-bottom:  1px solid #D7D7D7;
     background:  #FAF7F7;
    width: 100%;
    box-shadow:  0 1px 3px #dbdbdb;
    -moz-box-shadow:  0 1px 2px #dbdbdb;
    -webkit-box-shadow:  0 1px 3px #dbdbdb;
}

#header_container {
    margin:  0 auto;
    padding:  8px 0;
    text-align:  center;
}

#header_container ul {
    margin:  0 auto;
}

#header_container ul li {
    list-style:  none;
    padding:  3px 5px;
    color:  #CCC;
    display:  inline;
}

#header_container ul li a {
    text-decoration:  none;
    font-family:  'cuprum', arial;
    font-size:  14px;
    color: #000;
    display:  inline;
}

#header_banner {
    margin:  0 auto;
    width: 560px;
    overflow:  hidden;
}

#header .header_banner_left {
    background:   url(../pin_board/images/header_banner_left.png) no-repeat;
     height: 64px;
    width: 19px;
    float:  left;
}

#header .header_banner_mid {
    float:  left;
    background:  #FBDA8A;
    width:  522px;
    height:  64px;
}

#header .header_banner_right {
    background: url(../pin_board/images/header_banner_right.png) no-repeat;
     height: 64px;
    width: 19px;
    float:  right;
}

#header .header_banner_mid h1 {
    font-family:  'oswald';
    font-size:  18px;
    color: #000;
    font-weight:  normal;
    width:  242px;
    line-height:  19px;
    float:  left;
    padding-left:  10px;
}

#header .header_banner_mid h1 span {
    font-family:  'cuprum', arial;
    font-size:  16px;
    color: #000;
}

#header_banner_btn {
    float: right;
    padding:  13px 4px;
}

#header_banner_btn span {
    float:  left;
    background:  url(../pin_board/images/header_btn.png) repeat-x;
    padding: 8px 10px;
    margin-right:  10px;
    -moz-border-radius:  10px;
     border-radius:  10px;
}

#header_banner_btn span a {
    text-decoration:  none;
    font-family:  'cuprum', arial;
    font-size:  18px;
    font-weight:  bold;
    color: #fff;
    text-shadow:  0px -2px #C43513;
}

#header #site-title  {
      overflow:  hidden;
     line-height:  27px;
     font-size:  23px;
    position:  absolute;
    left: 50%;
    margin-left:  -84px;
}

#header #site-title a  {
     color:  #333;
     font-weight:  bold;
     text-decoration:  none;
 }

#header #site-title a img{
 	width:120px;
 }

#header-left  {
     float:  left;
     width:  210px;
     padding-right:  40px;
 }

#header-center  {
     float:  left;
     width:  210px;
     padding-right:  30px;
 }


#header-right  {
     margin:  20px 0 0 10px;
 }


div#header_nav_wrap {
    height: 53px;
    width: auto;
    float: right;
}

div#header_nav {
    height: 53px;
    margin: 0px auto;
}

div#header_nav ul.sf-menu {
    list-style: none;
    height: 53px;
    float: right;
    width: auto;
    margin-top: 0px;
    padding-top: 0px;
}

div#header_nav ul li {
    display: block;
    height: 53px;
    float: left;
    font: 12px/53px 'TeXGyreAdventorRegular', Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    color: #333;
    width: auto;
    position: relative;
    z-index: 3000;
    padding-left: 0px;
}

div#header_nav .sf-menu li {
    float: left;
    position: relative;
}

div#header_nav .sf-menu, div#header_nav .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#header_nav ul li a {
    display: block;
    height: 53px;
    float: left;
    width: auto;
    font: 12px/53px 'TeXGyreAdventorRegular', Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    color: #333;
    text-decoration: none;
    padding-left: 16px;
}
div#header_nav ul li a:hover {
    color: white;
    text-shadow: 0px 0px 2px #EEE;
}


#header_container #nav li {
    position:  relative;
    z-index:  99999999999;
}

#header_container #nav .children {
    min-width:  100px;
    display:  none;
     position:  absolute;
    z-index:  99999999999;
    padding:  2px 0;
    background:  #D7D2D0;
    -webkit-box-shadow: 0 3px 4px -2px #D7D2D0;
    -moz-box-shadow: 0 3px 4px -2px #D7D2D0;
    box-shadow: 0 3px 4px -2px #D7D2D0;
    text-align:  left;
}

#header_container #nav li:hover .children {
    min-width:  100px;
    display:  block;
     position:  absolute;
    z-index:  99999999999;
    padding: 5px 10px 5px 5px ;
    background: #FAF7F7;
     -webkit-box-shadow: 0px 3px 3px -2px #000;
    -moz-box-shadow: 0px 3px 3px -2px #000;
    box-shadow:  0px 3px 3px -2px #000;
    text-align:  left;
    margin-top: 2px;
 }

#header_container #nav .children li  {
    margin-bottom: 2px;
    float:  left;
}

/**** Search styles ****/


#search  {
     float:  left;
     width:  251px;
}

#search label  {
     display:  none;
 }

#search input[type=submit] {
    float: left;
    border:  none;
    cursor:  pointer;
    position: relative;
    height:  30px;
    width:  27px;
    text-indent:  -999999px;
    background:  url(../pin_board/images/search_btn.png) no-repeat;
    margin-left:  -27px;
}

#search input[type=text]  {
    float:  left;
     width:  200px;
     padding:  6px 9px;
     margin:  0;
     border:  1px solid #dedfe0;
     background:  #fff;
     font-size:  13px;
     outline:  none;
 }

#page_search input[type=submit]  {
     display:  none;
 }

.menu ul  {
     list-style-type:  none;
 }

.menu ul li  {
     padding-bottom:  9px;
 }

.menu ul a  {
     line-height:  13px;
     color:  #303030;
     text-decoration:  none;
}


/**** Content Home styles ****/

.pagewidth {
    width: 940px;
    max-width: 100%;
    padding: 10px;
    margin: 13px auto 20px;
    height: auto;
    background: url('images/black_50.png') repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #FDBC06;
    font: 18px/22px 'TeXGyreAdventorRegular', Tahoma, Geneva, sans-serif;
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
}

.welcome-message h3 {
    margin: 0 0 .2em;
    color: #895A25;
    font-family: Radley, Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.welcome-message p {
    margin: 0;
    padding: 0 0 .7em;
}

#boxes  {
     margin-top: 40px;
 }

#boxes .box  {
     width:  190px;
     margin-bottom:  25px;
    box-shadow:  0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow:  0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow:  0 1px 3px rgba(34, 25, 25, 0.4);

    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	background: url('images/black_50.png') repeat;
	padding: 10px;
    top:0 !important;
    left:0 !important;
    margin-left:20px;
}

#boxes .box .rel  {
     position:  relative;
 }

#boxes .box .rel p  {
     margin:  0;
     font-family: arial;
    font-size:  12px;
    padding-bottom:  10px;
}

#boxes .box .texts  {
     position:  absolute;
     top:  -20px;
     left:  -20px;
     width:  210px;
     color:  #fff;
     z-index:  200;
     opacity:  0;
     filter:  alpha(opacity=0);
 }

#boxes .box .texts .transparent img  {
     opacity:  0.1;
     filter:  alpha(opacity=10);
 }

#boxes .box .texts .abs  {
     position:  absolute;
     top:  0;
 }

#boxes .box .categories  {
     padding-bottom:  10px;
 }

#boxes .box .categories a,  .box .posted a  {
     color:  #8C7E7E;
    font-size:  11px;
 }

#boxes .box h1  {
     margin:  0;
    font-size:  11px;
    font-weight:  normal;
    margin:  10px 0 8px;
    overflow:  hidden;
 }

#boxes .box h1 a  {
     text-decoration:  none;
     font-family:  'cuprum', arial;
    font-size:  16px;
}

#boxes .box .posted  {
     color:  #a1a1a1;
    padding-top:  10px;
 }

#boxes .box img  {
     display:  block;
     width: 190px;
}

#boxes .box img:hover {
    opacity:  .9;
    filter:  alpha(opacity=90);
}

/**** Content Detail styles ****/ 

.fetch  {
     clear:  both;
     /*width:  460px;*/
     /*margin:  0 auto 40px;*/
     background:  #f9f9f9;
     -moz-border-radius:  4px;
     border-radius:  4px;
     text-align:  center;
 }

.fetch a  {
     display:  block;
     height:  40px;
     line-height:  40px;
     font-size:  16px;
     font-weight:  bold;
     color:  #333;
     text-decoration:  none;
 }

.fetch:hover a  {
     color:  #fff;
 }

#content  {
     padding:  20px 0;
 }

#nav-above  {
     float:  left;
     text-align:  right;
     color:  #636363;
    width:  97%;
    background:  #fff;
     padding: 10px;
     border:  1px solid #DBDBDB;
}

#nav-above a  {
     text-decoration:  none;
     color:  #333;
 }

.nav-previous {
     display:  inline;
    float: left;
 }

.nav-next  {
     display:  inline;
    float:  right;
 }

.nav-separator  {
     color:  #e5e5e5;
 }

.post_title  {
    overflow:  hidden;
 }

.post_title h1  {
     margin:  0 0 10px 250px;
     font-size:  27px;
     line-height:  35px;
     width:  710px;
     text-shadow:  0px 1px white;
}

.entry-title {
    margin-left: 255px;
    margin-top: 5px !important;
    font-family: 'cuprum', arial;
    font-size: 18px;
 }

.page-title  {
     margin-top:  35px;
    font-family:  'cuprum', arial;
    font-size:  25px;
    color:  #8C7E7E;
    text-shadow:  0px 1px white;
 }

.entry-meta  {
    padding-bottom:  10px;
    color:  #fff;
    float:  left;
    padding-top:  5px;
    padding-left:  18px;
 }


#wides  {
     clear:  both;
 }

.entry-aside  {
     width:  210px;
     padding-right:  40px;
     vertical-align:  middle;
 }

.entry-content-right  {
    width:  710px;
    font-size:  12px;
    line-height:  21px;
    text-align:  center;
    background: url('images/black_50.png') repeat;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

.entry-content-right img {
}

.entry-content-right p {
    text-align:  justify;
    padding-right:  10px;
}

.entry-content  {
     width:  710px;
     margin-left:  250px;
     font-size:  13px;
     line-height:  21px;
 }

.entry-content blockquote p {
    font-size:  12px;
     font-style:  italic;
}

blockquote {
    font-style:  italic;
}

.entry-utility  {
     padding:  10px 0;
 }

.entry-tags  {
     margin:  10px 0;
    padding:  7px;
    font-family:  'cuprum', arial;
    font-size:  15px;
     background:  #D7D2D0;
    -webkit-box-shadow: 0 3px 0px -2px #fff;
    ;
    -moz-box-shadow: 0 3px 0px -2px #fff;
    box-shadow:  0 3px 0px -2px #fff;
}

.entry-tags span  {
     font-weight:  bolder;
 }

.entry-tags a {
    text-decoration:  none;
    color:  #8C7E7E;
    text-shadow:  0px 1px white;
 }

#social  {
     padding:  20px 0 0 0;
 }

.twitter-share-button  {
     float:  left;
     margin:  2px 20px 0 0;
 }

.post img {
     margin:  10px 10px 10px 0;
    -webkit-box-shadow:  0 3px 10px -3px #666;
    -moz-box-shadow:  0 3px 10px -3px #666;
    box-shadow:  0 3px 10px -3px #666;
    border:  5px solid #fff;
 }

.page img  {
}

.post .alignleft,  .page .alignleft  {
     float:  left;
     margin-right:  20px;
 }

.post .alignright,  .page .alignright  {
     float:  right;
     margin-left:  20px;
 }

.post .aligncenter,  .page .aligncenter  {
     display:  block;
     clear:  both;
     margin:  20px auto;
 }

#comments  {
     padding:  0 0 0 246px;
 }

#comments-title  {
     font-size:  18px;
    font-family:  'cuprum', arial;
     font-weight:  normal;
     margin:  10px 0 20px 4px;
 }

.commentlist  {
     margin:  0;
     padding:  0;
     list-style:  none;
 }

.commentlist ul.children  {
     list-style:  none;
 }

.commentlist li > div  {
     position:  relative;
     border-bottom:  1px solid #dedfe0;
     padding:  30px 0 30px 4px;
 }

.commentlist li li > div  {
     margin-left:  90px;
 }

.commentlist li li li > div  {
     margin-left:  180px;
 }

.commentlist li li li li > div  {
     margin-left:  270px;
 }

.commentlist li li li li li > div  {
     margin-left:  360px;
 }

.comment-avatar  {
     position:  absolute;
     top:  30px;
     left:  -96px;
 }

.comment-content  {
     margin-left:  96px;
     border-bottom:  1px solid #dedfe0;
 }

.comment-author  {
     float:  left;
     width:  210px;
     padding-right:  40px;
     font-size:  15px;
 }

cite  {
     font-style:  normal;
     font-weight:  bold;
 }

.comment-meta  {
     float:  left;
     width:  210px;
     padding-right:  40px;
     color:  #999999;
 }

.comment-body  {
     clear:  both;
     padding-top:  7px;
     font-size:  15px;
     line-height:  21px;
 }

div#respond {
    padding: 10px;
    background: url('images/black_50.png') repeat;
    clear: both;
}

div#respond, div#respond h3, div#respond input, div#respond textarea, div#respond button#submit {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div#respond p {
    padding: 5px 0px;
    clear: both;
}

div#respond label {
    font: 14px/30px Tahoma, Geneva, sans-serif;
    height: 28px;
    width: 340px;
    margin-right: 10px;
    float: right;
    display: block;
}

div#respond input {
    width: 228px;
    float: left;
    font: 14px/30px Tahoma, Geneva, sans-serif;
    line-height: 14px;
}

li.comment > div  {
     position:  relative;
 }

.reply  {
     position:  absolute;
     top:  30px;
     right:  20px;
 }

#reply-title  {
     font-size:  18px;
    font-family:  'cuprum', arial;
     font-weight:  normal;
}

select, input {
    height: 25px;
    border: none;
    width: 228px;
    padding: 3px;
    padding-left: 6px;
    font: 12px Tahoma, Geneva, sans-serif;
    background: #222;
    color: #EEE;
}

#comments textarea  {
     width:  442px;
 }

.form-submit  {
     margin-bottom:  40px;
 }

.form-submit input  {
     width:  460px;
     padding:  6px 0;
     color:  #fff;
     font-size:  15px;
     font-weight:  bold;
     cursor:  pointer;
     border:  0;
     text-align:  center;
     -moz-border-radius:  4px;
     border-radius:  4px;
 }

.recent  {
     margin-top:  40px;
     padding-top:  40px;
     border-top:  1px solid #ccc;
 }

 {
    color:#333;
	margin: 0px auto;
	padding: 10px 0px;
	position: relative;
}

#site-info  {
    margin:  0 auto;
     text-align:  center;
    font-size:  12px;
}

#site-info a  {
    color:#333;
     text-decoration:  none;
  }
#site-info a:hover{
    color:#fff;
}

.archive-meta p {
    display:  none;
}

#header_container.fixed  {
    position:  fixed;
    top:  -1px;
    right:  0;
    left:  0;
}

#feedburner_email_widget_sbef_submit {
    margin-left:  5px;
    background: #DF5A02 url(images/header_btn.png) repeat-x;
    padding: 1px 10px 4px;
    font-family:  'oswald', arial;
    font-size:  16px;
    font-weight:  normal;
    color: #fff;
    text-shadow:  0px 1px #C43513;
    border: 1px solid #DF5A02;
    cursor:  pointer;
}

#feedburner_email_widget_sbef label {
    font-family:  'cuprum', arial;
    font-size:  16px;
    color: #000;
    padding-left:  2px;
}

.entry-content p a img {
    -webkit-box-shadow:  0 3px 10px -3px #666;
    -moz-box-shadow:  0 3px 10px -3px #666;
    box-shadow:  0 3px 10px -3px #666;
    border:  5px solid white;
}

#sidebar {
    padding-top:  14px;
    float:  right;
    padding-right:  8px;
}

.simplesocial-box {
    clear:  both;
    border-top:  1px solid #C1BAB7;
    border-bottom:  1px solid #C1BAB7;
    margin-top:  20px;
    float:  left;
    width:  100%;
}

.simplesocial {
    margin-bottom: 8px;
}


/**** Footer styles ****/

#footer_wrap {
	width: 100%;
	margin: 0px auto;
	position: relative;
	clear: both;
	background: url('images/footer_wrap.png') repeat-x;
	margin-top: 20px;
	padding-top: 10px;
}
#footer_wrap #footer_bg {
    color: #333;
	width: 100%px;
	margin: 0px auto;
	position: relative;
	clear: both;
	background: url('images/footer_bg.png') repeat;
	padding-bottom: 20px;
}
#footer_wrap #footer_bg #footer-left  {
     float:  right;
     width:  210px;
     padding-right:  40px;
 }

#footer_wrap #footer_bg #footer-right  {
     float:  right;
     width:  210px;
 }

#footer_wrap #footer_wrap .back-top a {
    background: #BE252A url(images/arrow-up.png) no-repeat center center;
    display: block;
    width: 34px;
    height: 34px;
    margin: 15px auto 10px;
    text-indent: -900em;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
}

.footer_links {
    background:   url(images/footer_bg.png) no-repeat;
    height:  53px;
}

.footer_links ul {
    overflow:  hidden;
    padding-top:  10px;
    margin:  0 auto;
}

.footer_links ul li {
    list-style:  none;
    padding:  3px 5px;
    display:  inline;
}

.footer_links ul li a {
    color: #333;
    text-decoration:  none;
    font-family:  'cuprum', arial;
    font-size:  14px;
    font-weight:  normal !important;
    display:  inline;
}

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  /*height: 100%;*/
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


#infscr-loading  {
     background:  none repeat scroll 0 0 #000000;
     bottom:  40px;
     color:  #FFFFFF;
      left:  40%;
     opacity:  0.8;
     padding:  10px;
     position:  fixed;
     width:  200px;
     z-index:  5000;
     border-radius:  10px;
}
